@charset "utf-8";
/* css document */

*{ margin:0; padding:0 }
html,body{height:100%; font-size:14px; overflow:auto }
body,h1,h2,h3,h4,h5,p,dd,ul,dl{margin:0; font-weight:normal}
body{font-size:14px; overflow:hidden;font-family:verdana,"microsoft yahei",helvetica,sans-serif;color:#656d78;}
ul{padding-left:0;list-style-type:none}
i, em{font-style:normal}
a{ color:#333}
a, img{border:0;vertical-align:middle; -webkit-touch-callout: none; text-decoration:none; border:none }
ul, ol { list-style:none }
li{ list-style:none; }
select{-webkit-appearance: none; border-radius:none;}
table{ border-collapse:collapse }
table td, table th{ border:none}
b{ font-weight:normal}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
button, input{ border:none; font-family:verdana,"microsoft yahei",helvetica,sans-serif; }
a{ font-size:14px}
 select:focus, textarea:focus, .base_text:focus, .new_base_text:focus{ box-shadow:0 0 10px rgba(9,112,178,0.5); transition: all 0.5s ease 0s; border:1px solid #0970b2  }
button:hover{ transition: all 0.5s ease 0s; }
*:focus {outline: none;}




/*--login-beg--*/
.login-box{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:4;  background:url(../images/login_bg.jpg) no-repeat center center #235fc2; background-size: cover; }
.login-info{ height: 230px; left: 50%; margin: -115px auto 0 -390px; position: absolute;  top: 50%; width: 780px; text-align:center}
.login-info h1{ margin-bottom:60px; position:relative }
.footer{ position:absolute; left:0; bottom:6%; width:100%; text-align: center; color:#89acda; z-index:5;}
.footer a{ color:#89acda}

.login-form{ background:url(../images/login_form.png) no-repeat center center; width:790px; height:80px; position; resize:; }
form { position:relative; top:20px; }
form .row{ display:inline-block; margin:0 10px; }
form input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background-color: #f2f5f8;
  width: 260px;
  border-radius: 20px;
  height:36px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: left;
  font-size: 14px;
  text-indent:50px;
  color: #333;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  font-weight: 300;
}
form input:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
form input:focus {
  border: rgba(255, 255, 255, 0.9);
  width:280px;
  color: #07244f;
}
form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background-color: white;
  border: 0;
  padding: 10px 15px;
  color: #000000;
  border-radius: 3px;
  width: 300px;
  cursor: pointer;
  font-size: 18px;
  background: #f19a1d;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}
#username{  background-image:url(../images/username.png); background-repeat:no-repeat; background-position:20px center}
#password{  background-image:url(../images/password.png); background-repeat:no-repeat; background-position:20px center}
form input.btn-submit{ background:url(../images/btn-submit.png) no-repeat center center; width:129px; height:36px; border:none; cursor:pointer; text-indent:300px; overflow:hidden }

.home-link{ position:absolute; left:50%; top:60%; width:1000px; height:560px; margin-left:-500px; margin-top:-280px; text-align:center; z-index:5 }
.home-link li{ display:inline-block; margin:0 60px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s;}
.home-link li:hover{ box-shadow:1px 1px 10px rgba(97,254,254,0.2);
-ms-transform:translate3d(2px, -10px, 10px); /* IE 9 */
-moz-transform:translate3d(2px, -10px, 10px); /* Firefox */
-webkit-transform:translate3d(2px, -10px, 10px); /* Safari 和 Chrome */
-o-transform:translate3d(2px, -10px, 10px); }
.home-link h3{ margin-bottom:80px;}

.top-link{ position:absolute; right:5%; top:5%; z-index:5; text-align:center; color:#bfd8fd; }
.top-link span{ margin-right:-10px; display:inline-block; height:18px; line-height:18px; float:left}
.top-link span.line{ margin-right:20px; }
.top-link a{ color:#bfd8fd; margin:0 20px; display:inline-block; height:18px; min-width:16px; float:left}
.top-link a.user{ background:url(../images/icon-user.png) no-repeat left center; padding-left:20px; }
.top-link a.out{ background:url(../images/icon-out.png) no-repeat left center;  }
